美文网首页
vue 创建新项目

vue 创建新项目

作者: CreScert | 来源:发表于2019-10-11 17:27 被阅读0次

自从换了新机器,或者重新弄一个新的vue项目的时候,总是有点费劲。这次记录下,方便下次自己找的时候方便寻找

1. 下载nodejs文件

https://nodejs.org/en/,下载nodejs文件;安装完成后,之后可以把nodejs的目录放进环境变量(不放不知道可不可以,忘记了.....)。最后检查是否放入环境变量: node -v ;npm -v

image.png
**2020年7月29日更新:
最新的版本已经不再支持windows7版本了,会提示:
This application is only supported on Windows 8.1, Windows Server 2012 R2, or higher.This application is only supported on Windows 8.1, Windows Server 2012 R2,or higher.
windows7 下载v12.16.2及之前的版本即可
https://nodejs.org/dist
https://nodejs.org/dist/v12.16.2/
**2020年7月29日更新End

2.使用淘宝镜像(安装cnpm)

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

再用 cnpm -v 检查下版本.....

到现在,必须的几个已经完成了,可以创建项目了

后续问题1:

在输入cnpm 的时候,出现以下问题:


image.png

提示:无法加载文件 C:\Users\jie\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。

百度后:https://www.cnblogs.com/yaotuo/p/12240019.html

解决方案1:

在 Windows PowerShell 输入命令:set-ExecutionPolicy RemoteSigned,然后选择全是“A”,即可。最后通过get-ExecutionPolicy命令查看是否为“RemoteSigned”。如图:


image.png

3.初始化全局Vue-cli

选择好指定目录后,先初始化vue-cli:

cnpm install vue-cli -g

等完成后,输入vue就有了反应了,而不是提示:'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件

4.新建项目

vue init webpack 项目名称


image.png 到这一步就基本可以了,下面的就是一路回车,但是 eslint看需不需要了(这个是规范代码的,记得是),这个需要等一会。。完成之后就会有提示: image.png

进到项目里面,先安装:cnpm install

最后 cnpm run dev

*以前开发的时候,会在run dev的时候还是install的时候提示没有安装python,失败。附上安装python的路径:https://www.python.org/

最后总结下:
1.从https://nodejs.org/en/下载nodejs,安装,配置环境变量
2.安装cnpm淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

3.初始化全局Vue-cli:cnpm install vue-cli -g
*(可选).安装python: https://www.python.org/
4.新建项目: vue init webpack 项目名称
5.安装运行: cnpm installcnpm run dev

如果本台机器已经走过流程了,从3开始.

2020年3月10日更新:
输入cnpm 报错:

相关文章

  • 5.vue单页应用

    创建新项目 选择一个文件夹存放项目 使用命令字符创建新项目:vue init webpack vue-router...

  • vue-学习笔记

    关于vue cli 全局安装vue cli命令:npm install -g @vue/cli 创建新项目命令:v...

  • 如何在vue中使用sass

    创建一个基于 webpack 模板的新项目 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 ...

  • vue创建新项目

    1.先安装好node.js 使用淘宝npm镜像 npminstall-gcnpm--registry=https:...

  • vue创建新项目

    1、安装淘宝镜像 $ npm install -g cnpm --registry=https://registr...

  • vue 创建新项目

    自从换了新机器,或者重新弄一个新的vue项目的时候,总是有点费劲。这次记录下,方便下次自己找的时候方便寻找 1. ...

  • 03.Element UI 之安装使用(npm)

    一、创建一个vue新项目(cli方式) |--命令:vue init webpack elementui02 ...

  • vue-cli的安装和基础使用

    vue-cli@2.0 安装 -> npm install vue-cli -g创建新项目 -> npm init...

  • mpvue系列(一):构建新项目

    mpvue怎么创建新项目? 1、安装node环境。2、全局安装vue-cli。3、创建新项目文件夹。4.安装依赖。...

  • VUE-使用vue-cli

    全局安装vue-clinpm install –global vue-cli创建一个基于webpack模板的新项目...

网友评论

      本文标题:vue 创建新项目

      本文链接:https://www.haomeiwen.com/subject/cykxmctx.html