webstorm创建vue项目

下载安装node.js以及webstorm,其中webstorm需要破解,可以自行查找破解方法。

测试node.js安装是否成功的命令是:

node -v 

npm -v

成功会显示相应的版本号。

安装淘宝镜像(类似于阿里云的maven中央仓库镜像)

安装命令:

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

验证命令:

cnpm -v

安装webpack

利用npm安装webpack 命令行语句为:

npm install webpack -g

验证命令:

webpack -v

全局安装vue-cli。

安装命令:

npm install --global vue-cli

验证命令:

vue -V (V要大写)

接下来就是在webstorm中创建vue项目,项目名称和存储位置都可以选择,其他的使用默认的,一路next即可。

可以通过右键目录结构中的package.json——show npm scripts——start运行项目,成功运行下方的输出窗口会出现一个地址。

如果刚创建项目,就弹出提示窗,是否npm install ,点击后出现err :Unexpected end of JSON input while parsing near ...

那么我们需要关闭webstorm甚至重启电脑,然后打开命令提示符,切换到新建的vue项目的根目录,执行如下两个命令:

npm cache clean --force

npm install registry=https://registry.npm.taobao.org

然后执行:

npm install

再用webstorm打开上述vue项目,按照右键package.json——show npm scripts——start方法运行项目,我成功了,你成功了

么?

我是一个新手,遇到问题独立思考并解决几乎是不可能的,一定要借助别人,网友的经验和建议。

但是别人针对一个问题提出的解决方法或者针对某一目标提出的解决方案,其背景、环境、具体情形等可能和我的不一样,

其表述的方式在他看来是直观的、简明的,但是在我看来可能就是模糊的,很多时候拿过来直接使用,虽然可能不会产生新的问

题,但是也无法解决我的问题。所以遇到问题了,一方面要坚持不懈地想法设法解决问题,一方面要思考一下网友给出的建议、

解决方法我们是否正确理解和使用了。

事后反思总结一下,吃一堑,才能长一智。不仅仅要长知识,还要长解决问题的能力,改进解决问题的方法和过程。

猜你喜欢

转载自blog.csdn.net/qq_40741855/article/details/87002041