vue配置及安装
官网下载地址:http://nodejs.cn/download/
nodej安装一步走next即可:
找到nodej安装路径:
在nodejs的安装目录中找到node_modules\npm\npmrc文件
打开npmrc文件修改设置全局模块路径和缓存路径:
prefix=D:\tool\nodejs\node_global
cache=D:\tool\nodejs\node_cache
打开cmd管理员窗口运行以下命令操作:
1、查看版本是否安装成功
node -v
npm -v
2、安装Nodej.js淘宝镜像加速器
npm install cnpm -g
或者使用如下命令解决npm加速器问题:
npm install --registry=https://registry.npm.taobao.org
3.安装脚手架工具
npm install -g @vue/cli
4.要引入配置的路径
以E盘为例:
E:
cd E:\Y2\vue\project
5.以3步骤路径创建一个项目
vue create demo-vue
6.使用组件
npm i --save ant-design-vue
npm i --save axios
如以上运行报错:使用以下命令,导入依赖组件:
cnpm i --save ant-design-vue
cnpm i --save axios
详情参考官网文档:https://www.antdv.com/docs/vue/getting-started-cn/
在Visual Studio Code打开项目 运行 可能会遇到的问题:
解决方法:
1、搜索powershell,以管理员方式运行powershell
2、 再运行命令更改计算机的执行策略
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
3、查看执行策略
get-ExecutionPolicy