先看看我掉进去的坑 cnpm : 无法加载文件…因为在此系统上禁止运行脚本
一、安装 Nodejs
在安装的时候先去下载 Nodejs 官网下载
二、配置环境
下载完成后,需要配置环境,不然只能在安装的文件夹里面进行后面的操作。
环境配置如下:
设置环境变量: 右键“我的电脑”-属性-高级系统设置-高级-环境变量
我上面我的 NODE_PATH
是已经新建好了的,这里你需要新建,然后填写,后面的地址是你安装 nodejs
的地址,然后再找到 Path
在后面加上一条 %NODE_PATH%
,然后确认保存就好了。
进入你程序保存的目录,然后再地址栏输入 cmd
回车,开始下面的操作
三、安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、安装 vue-cli
cnpm install vue-cli -g
【3.0之前(不包含3.0)】
cnpm install -g @vue/cli
【3.0及以后】
五、初始化项目
vue init webpack demo_y01
【注意:项目名称d emo_y01 不可以有大写字母。3.0之前(不包含3.0)】
vue create demo_y01
【3.0及以后】
前面一直回车yes就好了【有特定需求的按照自己的来就行】,最后一次询问,是否安装包的时候选择no,自己安装,就是下一部自己安装模块包
六、安装模块包
进入到项目文件夹demo_y01
,
cmd
回车【上面有类似的图片】,然后安装模块包
cnpm install
七、启动项目
- 打开
vsCode
打开我们生成的demo_y01
文件夹,然后再Ctrl+J
,下面就是前面说的坑点
输入cnpm run dev
【3.0之前(不包含3.0)】或cnpm run serve
【3.0本本及之后】 回车
- 发布:
npm run build
一点点笔记,以便以后翻阅。