网站开发项目总结模板,医院网站建设 价格,重庆沙坪坝做网站,哈尔滨百度推广代理一、安装node.js
本来想粗略写一下的#xff0c;但是搭建脚手架的时候#xff0c;遇到了很多问题#xff0c;浪费快两天时间#xff0c;记录一下自己的解决办法希望对你们有帮助#xff01;
1.下载nodejs
安装包下载链接【CNPM Binaries Mirror】
下载我划线的这个但是搭建脚手架的时候遇到了很多问题浪费快两天时间记录一下自己的解决办法希望对你们有帮助
1.下载nodejs
安装包下载链接【CNPM Binaries Mirror】
下载我划线的这个 2.安装nodejs
下载好之后双击安装点击next到安装到哪个目录的时候最好安装到自己指定的文件夹中。
安装完成后在cmd命令窗口winR按下回车显示出cmd命令窗口输入以下命令查看安装版本情况
【node -v】查看安装的node版本
【npm -v】查看安装的npm版本node 安装好默认npm也被安装了
3.nodejs环境配置
1在你安装nodejs文件夹目录下新建两个文件夹
分别是node_cache和node_global 2创建完两个空文件夹之后打开cmd命令窗口输入
npm config set prefix D:\program\node\node_global
npm config set cache D:\program\node\node_cache
3关闭cmd窗口【我的电脑】-右键-【属性】-【高级系统设置】-【高级】-【环境变量】 新建【系统变量】变量名为NODE_PATH变量值为node_modules所在路径。我的路径是E:\APP\nodejs\node_modules将【用户变量】下的【Path】修改为node_global所在路径。我的是E:\APP\nodejs\node_global
二、基于node.js安装cnpm淘宝镜像
1.以管理员身份运行cmd输入淘宝镜像
npm install -g cnpm --registryhttps://registry.npm.taobao.org
2.解决cnpm报错:The operation was rejected by your operating system
但是我发现我的一直报错报错内容如下如未报错请跳过此步骤 解决办法
将这句命令
npm install -g cnpm --registryhttps://registry.npm.taobao.org
改为指定版本,重新以管理员身份打开cmd运行即可
npm install -g cnpm7.1.1 --registryhttps://registry.npm.taobao.org
过程可能很慢如果卡住按下回车即可 三、安装Vue
cnpm install vue -g
四、安装脚手架vue-cli
cnpm install vue-cli -g
五、项目创建
可以创建指定文件夹在这下面创建你的项目比如我的就是创建了一个vue_test文件夹然后
在这个文件夹路径前面输入cmd空格 回车就可以在这个路径下面创建你的项目了
1、在cmd命令窗口输入
vue init webpack 项目名称testone
稍微等一会结果如下 出现这样的结果后可以发现你的文件夹下面自动生成了一个testone文件夹 2、切换到刚刚创建的目录下
继续在刚刚的cmd窗口输入
cd testone你的项目名称
此时就完成切换了 六、项目运行
在刚刚的目录下面输入
npm run dev
张天禹 老师输入的是npm run serve但是我发现我输入之后报错后来用上面提示的这个就OK了 之后就加载一大堆但是出现这个端口号就OK了 这个网址打开后就是这样的页面 如果还有什么问题可以在评论区下面交流
