首页 > 其他分享 >vuejs从入门到精通——安装 vue 和 引入vue

vuejs从入门到精通——安装 vue 和 引入vue

时间:2023-01-17 19:34:30浏览次数:46  
标签:vue 入门 cnpm vuejs system32 WINDOWS Vue 安装

安装vue  和 引入vue

一、如何引入 Vue.js

1.1、安装 cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

  1.2、使用 cnpm 安装 vue.js

Windows PowerShell
版权所有 (C) Microsoft Corporation。保留所有权利。

尝试新的跨平台 PowerShell https://aka.ms/pscore6

PS C:\WINDOWS\system32> cnpm install vue
cnpm : 无法加载文件 C:\Users\zuoyang\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 htt
ps:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install vue
+ ~~~~
    + CategoryInfo          : SecurityError: (:) [],PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess
PS C:\WINDOWS\system32> set-ExecutionPolicy RemoteSigned

执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险,如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y] 是(Y)  [A] 全是(A)  [N] 否(N)  [L] 全否(L)  [S] 暂停(S)  [?] 帮助 (默认值为“N”): y
PS C:\WINDOWS\system32> cnpm install vue
√ Installed 1 packages on C:\WINDOWS\system32
√ Linked 21 latest versions fallback to C:\WINDOWS\system32\node_modules\.store\node_modules
√ Linked 1 public hoist packages to C:\WINDOWS\system32\node_modules
√ Run 0 scripts
deprecate [email protected] › @vue/[email protected][email protected] › sourcemap-codec@^1.4.8 Please use @jridgewell/sourcemap-codec instead
√ All packages installed (21 packages installed from npm registry, used 2s(network 2s), speed 2.43MB/s, json 21(611.22KB), tarball 3.16MB, manifests cache hit 0, etag hit 0 / miss 0)

dependencies:
+ vue ^3.2.45

PS C:\WINDOWS\system32>

  1.3、引入 Vue 模块

import Vue from 'vue'

二、安装 Vue Devtools

在学习 Vue 时候,前端的前辈们建议我在 Google Chrome 上安装 Vue Devtools 扩展程序。

Vue Devtools 提供了一个界面,可以帮助我们查看 Vue 组件和全局状态管理器 Vuex 中记录的数据。

2.1、能访FQ的安装方式

 

2.2、不能FQ的安装方式

 

标签:vue,入门,cnpm,vuejs,system32,WINDOWS,Vue,安装
From: https://www.cnblogs.com/zuoyang/p/17058575.html

相关文章

  • vue的自定义过滤器 - Filter
    vue的自定义过滤器-Filter一、过滤器的介绍二、局部过滤器1.定义2.使用2.1基础用法2.2串联用法2.3接收参数三、全局过滤器1.定义2.使用四、总结一、过滤器的介绍V......
  • Vue+echart 展示后端获取的数据
    最近在合作做一个前后端分离项目时,为了测试我写的后端部分获取数据的效果,自己也学了一下vue的知识,在获取json信息这里也踩了很多坑。这里列举下我返回的json部分信......
  • 【VUE】Cannot read properties of undefined (reading ‘_wrapper‘)
    vue项目终端报错Cannotreadpropertiesofundefined(reading‘_wrapper‘)原因:按钮click绑定的事件在methods中没有定义,一定要查看仔细哦,有一个没定义就会报错......
  • Vue项目部署到服务器
    今天刚刚在腾讯云上买的服务器,买了个最便宜的88一年。我使用Tomcat作为web应用服务器,使用宝塔面板快速安装的Tomcat。在我们自己电脑上运行npmrunbuild命令将vue项目打......
  • VUE3企业级项目基础框架搭建流程(3)
    VUE-Routernpminstallvue-router@4安装完成后,在项目目录里新建一个router文件,我这里的用的是typeScript,所以建立的是router.ts,该文件是所有视图组件的映射。一般我......
  • python入门
    目录变量1.什么是变量2.为什么要有变量3.怎么使用变量常量1.什么是常量2.为什么要有常量3.怎么使用常量变量什么是变量#变量就是可以变化的量,量指的是事物的状......
  • vuejs从入门到精通——初识 vue
    初识vue  文档接下来的内容会假设你对HTML、CSS和JavaScript已经基本熟悉。如果你对前端开发完全陌生,最好不要直接从一个框架开始进行入门学习——最好是掌握了基......
  • vue3 + vue-clipboard3 复制文本到剪切板
    1.安装yarnaddvue-clipboard32.引入importuseClipboardfrom'vue-clipboard3';3.html部分<n-buttontertiarytype="primary"ref="copyBtn"@click="copyP......
  • vue-cli/webpack4.x 打包--webpack配置--样式
    css有的时候你想要向webpack的预处理器loader传递选项。可以使用 vue.config.js 中的 css.loaderOptions 选项。比如你可以这样向所有Less样式传入共享的全局......
  • vue 如何将打包时间记录到html的head里面
    在vue.config.js文件中,对chainWebpack的配置进行设置chainWebpack(config){config.plugin('html').tap(args=>{constdate=newDate()......